        
        <div class="section products" >
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="title text-center text-muted"><?php _e( '电商、建筑企业看过来', 'orange' ); ?></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 commerce">
                        <div class="col-md-6">
                            <img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/images/ds.png" alt="<?php _e( '电商数据贷', 'orange' ); ?>">
                        </div>
                        <div class="col-md-6">
                            <h2 class=""><?php _e( '电商流水贷', 'orange' ); ?></h2>
                            <h4><?php _e( '面向全国电商企业，提供额度高、利率优的金融服务', 'orange' ); ?></h4>
                            <p>
                                <span class="feature"><?php _e( '额度高', 'orange' ); ?></span><span class="feature"><?php _e( '担保少', 'orange' ); ?></span>
                                <span class="feature"><?php _e( '成本低', 'orange' ); ?></span><span class="feature"><?php _e( '效率快', 'orange' ); ?></span>
                            </p>
                            <a href="http://dsd.welinkcredit.com/"><button type="button" class="btn btn-info btn-lg"><?php _e( '平安银行', 'orange' ); ?></button></a>
                            <a href="http://cscb.welinkcredit.com/"><button type="button" class="btn btn-info btn-lg"><?php _e( '长沙银行', 'orange' ); ?></button></a>
                            <a href="<?php echo site_url(); ?>/ds"><span class="pull-right"><?php _e( '更多选择', 'orange' ); ?>&gt;&gt;</span></a>
                        </div>
                    </div>
                    <div class="col-md-12 architecture">
                        <div class="col-md-6 text-right">
                            <h2><?php _e( '工程融资贷', 'orange' ); ?></h2>
                            <h4><?php _e( '为建筑工程项目提供全流程的融资服务', 'orange' ); ?></h4>
                            <p>
                                <span class="feature"><?php _e( '额度高', 'orange' ); ?></span><span class="feature"><?php _e( '申请快', 'orange' ); ?></span>
                                <span class="feature"><?php _e( '渠道多', 'orange' ); ?></span><span class="feature"><?php _e( '可控性', 'orange' ); ?></span>
                            </p>
                            <a href="<?php echo site_url(); ?>/gc"><button type="button" class="btn btn-info btn-lg"><?php _e( '申请贷款', 'orange' ); ?></button></a>
                            <a href="<?php echo site_url(); ?>/gc"><span class="pull-left"><?php _e( '更多选择', 'orange' ); ?>&gt;&gt;</span></a>
                        </div>
                        <div class="col-md-6">
                            <img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/images/gc.png" alt="<?php _e( '电商数据贷', 'orange' ); ?>">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <style>
            .commerce, .architecture{
                margin-top: 2em;
                margin-bottom: 2em;
                padding: 1em;
            }
            .products .pull-right, .products .pull-left{
                line-height: 3em;
            }
            .products h4{
                margin: 1em;
                margin-left: 0;
            }
            .commerce .feature{
                color: #32c8ff;
                border: 1px solid #32c8ff;
                padding: 1em;
                margin: 1.5em 1.5em 1.5em 0em;
                display: inline-block;
            }
            .architecture .feature{
                color: #32c8ff;
                border: 1px solid #32c8ff;
                padding: 1em;
                margin: 1.5em 0em 1.5em 1.5em;
                display: inline-block;
            }
        </style>

        <script>
            var $ = jQuery;

            var products = jQuery(".architecture,.commerce");

            products.each(function(index, el) {

                $(this).on("mousemove",function(e) {  
                    var ax = -($(window).innerWidth()/2 - e.pageX)/100;
                    var ay = ($(window).innerHeight()/2 - e.pageY)/100;
                    $(this).attr("style", "transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-webkit-transform: rotateY("+ax+"deg) rotateX("+ay+"deg);-moz-transform: rotateY("+ax+"deg) rotateX("+ay+"deg)");
                });

                $(this).on('mouseleave', function(event) {
                    $(this).attr('style', 'transform: none');
                });

            });

        </script>